﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Usuario
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

 <html>
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
    <script src="../../Scripts/Usuario.js" type="text/javascript"></script>
    <link href="../../Content/TablaProveedor.css" rel="stylesheet" type="text/css" />
  
    <style>
    
    * {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
}

p {
	font-size: 1.3em;
	margin-bottom: 15px;
}

#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#page-wrap2{
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#page-wrap3{
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#Botones{
    width: 600px;
	margin-top: 25px;
}


#contact-area3{
    width: 600px;
	margin-top: 25px;
}

#contact-area3 input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area3 input.submit-button {
	width: 100px;
	float: right;
	border: 2px solid #ccc;
}

#contact-area3 textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#Botones input.submit-button {
	width: 100px;
	float: right;
	border: 2px solid #ccc;
}

#contact-area4{
	width: 600px;
	margin-top: 25px;
}

#contact-area4{
    width: 600px;
	margin-top: 25px;
}

#contact-area4 input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area4 input.submit-button {
	width: 100px;
	float: right;
	border: 2px solid #ccc;
}

#contact-area4 tablaDinamica 
{
    padding: 5px;
	width: 201px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;    
}

#contact-area4 th 
{
    border:1px dotted 5E93B5;
    padding: 10px; 
    font-family: Helvetica, sans-serif;
    font-size: 1.4em;
}

#contact-area4 th 
{
    font-size: 1.4em;
    font-family: Helvetica, sans-serif;
    border-top: 2px solid 5E93B;
    border-right: 1px dotted #416D89;
    border-left:1px dotted #416D89;
    border-bottom:none;
    padding-top:10px;
    padding-right:3px;
    padding-left:20px;
    padding-bottom:12px;
}

#contact-area4 textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

</style>

</head>


<body>

</p>
<div id="Botones">
    
    <input id="eliminar" type="submit" value="Eliminar" class="submit-button" />
    <input id="modificar" type="submit" value="Modificar" class="submit-button" />
    <input id="consultar" type="submit" value="Consultar" class="submit-button" />
    <input id="registrar" type="submit" value="Registrar" class="submit-button"/>
    
        
</div>
</p>
<div id = "registro">
    <div id="page-wrap">
               <div id="contact-area">
                       
                               <label for="nombre">Nombres:</label>
                               <input type="text" name="Name" id="nombre"/>
                               
                               <label for="apellidos">Apellidos:</label>
                               <input type="text" name="City" id="apellidos" size="20"/>

                               <label for="Genero">Genero:</label>
                               <input type="text" name="Genero" id="Genero" size="20"/>

                               <label for="DNI">DNI:</label>
                               <input type="text" name="DNI" id="DNI" size="20"/>

                                <label for="Direccion">Dirección:</label>
                               <input type="text" name="Direccion" id="Direccion" size="20"/>

                                <label for="Telefono">Teléfono:</label>
                               <input type="text" name="Telefono" id="Telefono" size="20"/>

                               <label for="Correo">Correo:</label>
                               <input type="text" name="Correo" id="Correo" size="20"/>

                              <input type="submit" id = "botonRegistro" value="Registrar" class="submit-button" />
                       
                       
                       <div style="clear: both;"></div>
                       
                       
               
               </div>
       
       </div>

</div>


<div id = "busqueda">
<div id="page-wrap2">           
               <div id="contact-area3">
                               <label for="nombre">Nombres:</label>
                               <input type="text" name="Name" id="Text1"/>
                               
                               <label for="apellidos">Apellidos:</label>
                               <input type="text" name="City" id="Text2" size="20"/>

                               <label for="Genero">Genero:</label>
                               <input type="text" name="Genero" id="Text3" size="10"/>

                               <label for="DNI">DNI:</label>
                               <input type="text" name="DNI" id="Text4" size="20"/>

                                <label for="Direccion">Dirección:</label>
                               <input type="text" name="Direccion" id="Text5" size="20"/>

                                <label for="Telefono">Teléfono:</label>
                               <input type="text" name="Telefono" id="Text9" size="20"/>

                               <label for="Correo">Correo:</label>
                               <input type="text" name="Correo" id="Text6" size="20"/>

                               <input type="submit" id = "botonBuscar" value="Buscar" class="submit-button" />
                       
                       <div style="clear: both;"></div>
               </div>
       </div>      
</div>

<div id = "page-wrap3">
    <div id = "contact-area4">
        <div id = "tablaDinamica">
          
        </div>
    </div>
</div>

</body>
</html>

</asp:Content>
